<script setup>
import { RouterLink, RouterView } from 'vue-router'
import NarBar from './components/NarBar.vue'
import Topic from './components/Topic.vue'
import Body from './views/Body.vue'
</script>

<template>
  <div class="index">
    <!-- topic主题 -->
    <div>
      <Topic/>
    </div>
    <!-- 导航栏 -->
    <div class="">
      <NarBar/>
    </div>
    <!-- 内容 -->
    <div>
      <Body></Body>
    </div>
  </div>
</template>

<style scoped>
    .index {
        min-height: 100vh;
        min-width: 100%;
        background-image: url("/src/assets/logo.jpg");
        background-repeat: no-repeat; /* 背景图不重复 */
        background-size: cover; /* 背景图覆盖整个区域 */
        background-size: 100% auto; /* 背景图宽度为100%，高度自动调整 */
        background-position: center; /* 背景图居中显示 */
    }

</style>
